*{
    margin: 0;
    padding: 0;
}
header div{
    background-color: black;
    height: 123px;
}
.logo{
    margin-top: 43px;
    margin-left: 250px;
}
header>div>img:nth-child(2){
    left: 420px;
    position: relative;
    top: -5px;
}
header>div>img:nth-child(3){
    left: 390px;
    position: relative;
    top: -8px;
}
header>div>span{
    left: 100px;
    top: -15px;
    color: purple;
    position: relative;
}
nav>ul>li{
    float: left;
    list-style: none;
    margin-left: 93px;
    position: relative;
    top: -120px;
    color: white;
}
nav>ul>li:nth-child(1){
    float: left;
    list-style: none;
    margin-left: 280px;
    color: black;
}
nav>img.sg{
    position: relative;
    top: -73px;
    left: 154px;
}
nav>img.sg2{
    left: 410px;
    position: relative;
    top: -73px;
}
.sg3{
    left: 830px;
    position: relative;
    top: -73px;
}
.sg4{
    left: 1250px;
    position: relative;
    top: -73px;
}
.sg5{
    left: 610px;
    position: relative;
    top: -73px;
}
.sg6{
    left: 1030px;
    position: relative;
    top: -73px;
}
nav>img:nth-child(1){
    width: 100%;
    height: 70px;
}
aside>img{
    position: relative;
    top: -550px;
}
aside>img:nth-child(1){
    width: 100%;
    position: relative;
    top: -100px;
    height: 500px;
}
aside>img:nth-child(2){
    position: relative;
    left: 280px;
}
aside>img:nth-child(4){
    position: relative;
    left: 60px;
}
aside>img:nth-child(3){
    position: relative;
    left: 170px;
    z-index: 50;
}
article{
    margin-top: -500px;
}
article>section{
    display: inline-block;
}
article>section>div.dyd{
    margin-left: 250px;
    font-size: 22px;
}
.b{
    color: #39b9d6;
}
/* 第一段标题文字 */
article>section>div.dyd>h1{
    margin-bottom: 10px;
}
article>section>div{
    margin-left: 250px;
    margin-top: 20px;
}
/* 地球图片 */
article>section>div.dq>div{
    margin-left: 100px;
    margin-top: -90px;
}
/* 手机图片 */
.sj{
    height: 90px;
    margin-left: 650px;
    margin-top: -50px;
}
/* 手机文字 */
article>section>div.sj>div{
    margin-left: 100px;
    margin-top: -90px;
}
/* 地球下的文字 */
.dqwz{
    margin-top: 20px;
}
div.dqwz>p:nth-child(3){
    padding-bottom: 30px;
}
/* 手机下的文字 */
.sjwz{
    margin-left: 650px;
    margin-top: -120px;
}
div.sjwz>p:nth-child(3){
    padding-bottom: 30px;
}
/* 时钟 */
.sz{
    margin-top: 50px;
}
div.sz>div{
    margin-left: 100px;
    margin-top: -90px;
}
/* 电脑 */
.dn{
    margin-left: 650px;
    margin-top: -50px;
}
div.dn>div{
    margin-left: 100px;
    margin-top: -90px;
}
/* 时钟下文字 */
.szwz{
    margin-top: 60px;
}
.szwz>p:nth-child(3){
    padding-bottom: 30px;
}
/* 电脑下文字 */
.dnwz{
    margin-left: 650px;
    margin-top: -120px;
}
.dnwz>p:nth-child(3){
    padding-bottom: 30px;
}
/* 右边打电话的人 */
.you{
    display: inline-block;
    vertical-align:top ;
    margin-top: 30px;
    margin-left: 50px;
}
.you>img{
    position: relative;
    margin-top: 570px;
    margin-left: -275px;
}
/* 文字 */
.you>div{
    margin-top: -630px; 
    margin-left: 100px;
}
.you>div>p:nth-child(2){
    padding-bottom: 10px;
}
.you>div>p:nth-child(6){
    padding-bottom: 10px;
}
/* 胡子男 */
.hzn{
    position: relative;
    left: 1130px;
    top: -360px;
}
.hzn>p,.hzn>span{
    margin-left: 100px;
    margin-top: -85px;
}
/* 文字 */
.hznwz{
    margin-left: 1230px;
    margin-top: -350px;
}
.hznwz>p:nth-child(4){
    padding-bottom: 10px;
}
.dsn{
    position: relative;
    left: 1130px;
    top: -170px;
}
.dsn>p,.dsn>span{
    margin-left: 100px;
    margin-top: -85px;
}
.dsnwz{
    margin-left: 1230px;
    margin-top: -150px;
}
.dsnwz>p:nth-child(4){
    padding-bottom: 10px;
}
footer{
    height: 395px;
    width: 100%;
    background-color: black;
    margin-top: 40px;
    color: #ada0ad;
}
.xz{
    height: 395px;
}
footer>div.xz>div>p{
    position: relative;
    top: 38px;
    left: 250px;
    z-index: 1;
}
.p2{
    margin-bottom: 30px;
    margin-top: 30px;
}
.dyfk{
    height: 38px;
    width: 582px;
    background-color: #f3f3f3;
    position: relative;
    z-index: 0;
    left: 250px;
    top: -130px;
}
.drfk{
    width: 582px;
    height: 37px;
    background-color: #f3f3f3;
    position: relative;
    z-index: 0;
    left: 250px;
    top: -120px;
}
.dsfk{
    width: 582px;
    background-color: #f3f3f3;
    position: relative;
    z-index: 0;
    left: 250px;
    height: 174px;
    top: -110px;
}
.xz>ins{
    position: relative;
    float: left;
    left: 685px;
    top: -100px;
    margin-left: 35px;
}
footer>.xy{
    position: relative;
    left: 1000px;
    top: -355px;
    width: 100px;
}
.yxtp1{
    margin-top: -40px;
}
.xywz>span:nth-child(1){
    left: 60px;
    top: -160px;
    position: relative;
}
.xywz>span:nth-child(2){
    left: 60px;
    top: -140px;
    position: relative;
}
.xywz>span:nth-child(3){
    left: 60px;
    top: -120px;
    position: relative;
}
.xywz>span:nth-child(4){
    left: 60px;
    top: -100px;
    position: relative;
}
.yxwz2{
    width: 500px;
    margin-top: -50px;
}